<template>
    <h1>APP 组件</h1>
    <hr />

    <!--
        组合式 API 完成 子传父
            1. 父组件内调用子组件的时候, 准备一个函数, 并绑定一个自定义事件
            2. 在子组件找一个合适的时机触发 自定义事件
                * 以前选项式API, 可以借助 this.$emit 触发, 但是现在 组合式 API 中没有 this 了
                * 所以我们需要借助 vue 提供的 defineEmits 方法 帮助我们创建一个 emit
                * 后续可以通过 我们创建的 emit 触发我们的自定义事件
    -->
    <QFBtn @getMsg="getMsg" />
</template>

<script setup>
import QFBtn from "./components/qf_btn.vue";

function getMsg (msg) {
    console.log('父组件内接收到的数据: ', msg)
}
</script>
